<template>
  <div>
    <div class="demo">
      <router-link to="/demo1">热门榜</router-link>
      <router-link to="/demo2">预约榜</router-link>
      <router-link to="/demo3">热玩榜</router-link>
      <router-link to="/demo4">新品榜</router-link>
      <router-link to="/demo5">厂商榜</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.demo {
  /* width: 100%; */
  height: 0.24rem;
  /* background-color: pink; */
  display: flex;
  justify-content: space-around;
  white-space: nowrap;
   overflow-x: auto;
  overflow-Y: hidden;
}
 ::-webkit-scrollbar {
     width: 0 !important;
   }
   ::-webkit-scrollbar {
     width: 0 !important;height: 0;
   }
a {
  font-size: 0.16rem;
  color: #1d2127;
  margin-left:0.3rem ;
}
.router-link-active{
  font-size: 0.18rem;
  font-weight: 900;
  border-bottom:solid 2px #15C5CE ;
}
</style>